﻿@page "/screenshots"

<h1>Blazor Boilerplate Theme Screenshots</h1>
<p>Below are a few images of the Blazor Boilerplate theme page examples to help you get started with your Blazor admin application</p>
<div class="mat-layout-grid">
    <div class="mat-layout-grid-inner">
        <div class="mat-layout-grid-cell mat-layout-grid-cell-span-4 screenshot">
            <strong>Loading</strong><br />
            <img src="_content/BlazorBoilerplate.CommonUI/images/screenshots/loading.jpg" title="Loading Blazor" alt="Loading Blazor" />
        </div>
        <div class="mat-layout-grid-cell mat-layout-grid-cell-span-4 screenshot">
            <strong>User Registration</strong><br />
            <img src="_content/BlazorBoilerplate.CommonUI/images/screenshots/registration.jpg" title="Blazor User Registration" alt="Blazor User Registration" />
        </div>
        <div class="mat-layout-grid-cell mat-layout-grid-cell-span-4 screenshot">
            <strong>Login</strong><br />
            <img src="_content/BlazorBoilerplate.CommonUI/images/screenshots/login.jpg" title="Blazor Login" alt="Blazor Login" />
        </div>
        <div class="mat-layout-grid-cell mat-layout-grid-cell-span-4 screenshot">
            <strong>Forgot Password</strong><br />
            <img src="_content/BlazorBoilerplate.CommonUI/images/screenshots/forgot-password.jpg" title="Blazor Forgot Password" als="Blazor Forgot Password" />
        </div>
        <div class="mat-layout-grid-cell mat-layout-grid-cell-span-4 screenshot">
            <strong>Reset Password</strong><br />
            <img src="_content/BlazorBoilerplate.CommonUI/images/screenshots/reset-password.jpg" title="Blazor Reset Password" als="Blazor Reset Password" />
        </div>
        <div class="mat-layout-grid-cell mat-layout-grid-cell-span-4 screenshot">
            <strong>404</strong><br />
            <img src="_content/BlazorBoilerplate.CommonUI/images/screenshots/404.jpg" title="Blazor 404" alt="Blazor 404" />
        </div>
        <div class="mat-layout-grid-cell mat-layout-grid-cell-span-6 screenshot">
            <strong>Responsive Template</strong><br />
            <img src="_content/BlazorBoilerplate.CommonUI/images/screenshots/responsive.jpg" title="Blazor Responsive Template" alt="Blazor Responsive Template" />
        </div>
        <div class="mat-layout-grid-cell mat-layout-grid-cell-span-12 screenshot">
            <strong>Template</strong><br />
            <img src="_content/BlazorBoilerplate.CommonUI/images/screenshots/theme.jpg" title="Blazor Template" alt="Blazor Template" />
        </div>
    </div>
</div>
